<template>
  <div class="gotoLogin">
    <image src="../../static/nologin.png" mode="aspectFill"></image>
    <div class="tips">您尚未登录</div>
    <div class="tips">登录即可发布点评,看到更多精彩内容</div>
    <button @click="mpGetUserInfo">去登录</button>
  </div>
</template>

<script>
export default {
  name: 'goto-login',
  methods: {
    mpGetUserInfo() {
      uni.navigateTo({
        url: `/pages/login/index`
      })
      return;
    }
  }
}
</script>

<style lang='scss' scoped>
  .gotoLogin {
    .tips {
      text-align: center;
      font-size: 14px;
    }
    
  button {
    height: 10vw;
    background-color: $theme-color;
    color: #FFFFFF;
    width: 600rpx;
    font-size: 14px;
    &::after {
      border: none;
    }
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 10vw;
  }
}
</style>
